table {
    margin: 0 auto;
    z-index: 999999;
}

table th,
tr,
td {
    width: 100px;
    text-align: center;
}

table input {
    border: none;
    outline: none;
    width: 100%;
}

.inputClass {
    width: 80px;
    height: 100%
}
table { border-collapse: collapse; border-spacing: 0; }

.alert {
    width: 200px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background-color: orange;
    color: #000;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 82px;
    display: none;
    z-index: -10000
}

@keyframes down {
    0% {
        top: 82px
    }

    50% {
        top: 52px;
    }

    100% {
        top: 82px
    }
}
.tab{
    background-color:#fff
}
/* 这是normal样式 */
.table-normal{
    border-collapse: collapse; border-spacing: 0;
}
.table-normal thead tr{
    background-color: #333;
    color:#fff
}
.table-normal tbody tr{
    background-color: #999;
    color:#000;
}
.table-normal tbody tr button{
    color:#000;
}
/* 这是green样式 */
.table-green{
    border-collapse: collapse; border-spacing: 0;
}
.table-green thead tr{
    background-color: rgb(0, 231, 0);
    color:#fff
}
.table-green tbody tr:nth-child(2n+1){
    background-color: gray;
    color:#fff
}
.table-green tbody tr:nth-child(2n){
    background-color: paleturquoise;
    color:#fff
}
.table-green tbody tr button{
    color:#fff;
    background-color: rgb(255, 176, 5);
}
/* 这是danger样式 */